import React from 'react'
import Group from './group'
import Block from './block'
import BlockReg from './blockReg'
import Label from './label'
import Item from './item'
import ItemReg from './itemReg'

export default function () {
  return (
    <React.Fragment>
      <Group title="Point Type">
        <Block>
          <Item active>
            <img className="label-img32" src="https://png.icons8.com/office/2x/radar-plot.png" alt="" />
            <br />
            <Label title="Edge" />
          </Item>
          <Item>
            <img className="label-img32" src="https://png.icons8.com/ultraviolet/2x/radar-plot.png" alt="" />
            <br />
            <Label title="Hole" />
          </Item>
        </Block>
      </Group>
      <Group title="Mode">
        <Block>
          <Item active>
            <img className="label-img32" src="https://png.icons8.com/color/2x/plus.png" alt="" />
            <br />
            <Label title="Append" />
          </Item>
          <Item>
            <img className="label-img32" src="https://png.icons8.com/dusk/2x/add-link.png" alt="" />
            <br />
            <Label title="Insert" />
          </Item>
          <Item>
            <img className="label-img32" src="https://png.icons8.com/color/2x/cancel.png" alt="" />
            <br />
            <Label title="Delete" />
          </Item>
        </Block>
      </Group>
    </React.Fragment>
  )
}
